import { reactive } from 'vue';
import type { FormRules } from 'element-plus';
import { isPhone } from '@/utils/is';
import { useUserStoreHook } from '@/store/modules/user';
// import { useUserStoreHook } from '@/store/modules/user';

/** 6位数字验证码正则 */
export const REGEXP_SIX = /^\d{6}$/;

/** 密码正则（密码格式应为8-18位数字、字母、符号的任意两种组合） */
export const REGEXP_PWD =
  /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){8,18}$/;

/** 登录校验 */
const loginRules = reactive<FormRules>({
  password: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入密码'));
        } else if (!REGEXP_PWD.test(value)) {
          callback(new Error('密码格式为8-18位数字、字母、符号的任意两种组合'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ],
  verifyCode: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入验证码'));
        } else if (useUserStoreHook().verifyCode !== value) {
          callback(new Error('请输入正确的验证码'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ]
});

/** 手机登录校验 */
const phoneRules = reactive<FormRules>({
  phone: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入手机号'));
        } else if (!isPhone(value)) {
          callback(new Error('手机号格式不正确'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ],
  verifyCode: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入验证码'));
        } else if (!REGEXP_SIX.test(value)) {
          callback(new Error('验证码格式为6位数字'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ]
});

/** 忘记密码校验 */
const updateRules = reactive<FormRules>({
  phone: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入手机号'));
        } else if (!isPhone(value)) {
          callback(new Error('手机号格式不正确'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ],
  verifyCode: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入验证码'));
        } else if (!REGEXP_SIX.test(value)) {
          callback(new Error('验证码格式为6位数字'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ],
  password: [
    {
      validator: (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入密码'));
        } else if (!REGEXP_PWD.test(value)) {
          callback(new Error('密码格式为8-18位数字、字母、符号的任意两种组合'));
        } else {
          callback();
        }
      },
      trigger: 'blur'
    }
  ]
});

export { loginRules, phoneRules, updateRules };
